body {
    font-family: arial;
    font-size: 12px;
    margin: 0;
    padding: 0;
}
a{
    text-decoration: none;
}
a:hover{
    text-decoration: underline;
}
ul{
	padding: 0;
	margin:0;
}
li{
	margin:0;
	padding:0;
}

#page{
    width: 1000px;
    margin: 0 auto;
}
.menu_top{
	width: 100%;
	height: 38px;
	background: url("images/bg_menu_top.png") repeat-x scroll 0 0 transparent;
}
.main_menu_top{
	margin: 0 auto;
	width: 960px;
	padding: 0 20px;
	height: 38px;
}
.main_menu_top ul{
    float: left;
    margin-top: 3px;
}
.main_menu_top ul li{
    color: #FFFFFF;
    cursor: pointer;
    display: inline;
    float: left;
    font-weight: bold;
    padding: 10px;
}
.main_menu_top ul li.selected_menu{
    background-color: #FFFFFF;
    border-radius: 5px 5px 0 0;
    color: #666666;
    height: 19px;
}
.accoutn_infomation{
    color: #FFFFFF;
    float: right;
    font-weight: bold;
    margin-right: 5px;
    margin-top: 3px;
    padding: 10px;
}
.show_detail_infomation{
    background: url("images/banks_all_button.png") repeat-x scroll -1px -1px transparent;
    float: right;
    height: 6px;
    margin-left: 5px;
    margin-top: 4px;
    width: 12px;
    cursor: pointer;
}
.layout-main-shortcuts{
	width: 100%;
	height: 87px;
	background: url("images/bg.png") repeat-x scroll 0 -134px transparent;	
}
.logo_area{
	margin: 0 auto;
	width: 960px;
	padding: 0 20px;
	height: 87px;
}
.logo{
    height: 45px;
    padding-top: 20px;
    width: 187px;
}
.support_online {
/*    background: url("images/support_online.png") no-repeat scroll 0 0 transparent;
    float: right;
    height: 86px;
    margin-right: 45px;
    margin-top: -65px;
    width: 183px; */
    
    background: url("images/btn_support_online.png") no-repeat scroll 0 0 transparent;
    float: right;
    height: 32px;
    margin-right: 45px;
    margin-top: -37px;
    width: 162px;
    -moz-box-shadow: 0 0 5px 5px #efefef;
	-webkit-box-shadow: 0 0 5px 5px#efefef;
	box-shadow: 0 0 5px 5px #efefef;
}
.support_online a{
    color: #888888;
    float: left;
    font-weight: bold;
    margin-left: 27px;
    margin-top: 37px;
}
.footer{
    background: url("images/bg.png") repeat-x scroll 0 0 transparent;
    float: left;
    height: 109px;
    width: 100%;		
    margin-top: 250px;
}
.main_footer{
	margin: 0 auto;
	width: 960px;
	padding: 0 20px;
	height: 109px;
}
.copy_right{
	margin-top: 30px;
	float: left;
	color: #666;
}
.main_footer ul{
	float: right;
	margin-top: 30px;
}
.main_footer ul li{
	display: inline;
	padding: 0 10px;
}
.main_footer ul li a{
	color: #666;
}


/* -------------Css main page----------------------------------------------------------------------*/
.main_page{
	width: 960px;
	float: left;
	margin-left: 20px;
}
.text_payment_online {
    color: #0D81B1;
    float: left;
    font-size: 24px;
    margin-left: 20px;
    margin-top: 15px;
}
.common_col{
	float: left;
	width: 260px;
	margin-top: 20px;
}
.infomation_col{
	float: right;
	width: 680px;
	margin-top: 20px;
}
.table_steps ul li{
	list-style: none;
	float: left;
	width: 230px;
	border-bottom: 1px solid #c1c1c1;
	padding: 15px;
	background: -moz-linear-gradient(center top , #fff 5%, #f2f2f2 100%) repeat scroll 0 0 #fff;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #fff), color-stop(1, #f2f2f2) );
	cursor: pointer;
}
.table_steps ul li:hover{
	background: -moz-linear-gradient(center top , #fff 5%, #dfecf2 100%) repeat scroll 0 0 #fff;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #fff), color-stop(1, #dfecf2) );
}
.table_steps ul li:last-child{
	border-bottom: none;
}
.table_steps{
	-moz-box-shadow: 0 0 5px 5px #ebebeb;
	-webkit-box-shadow: 0 0 5px 5px #ebebeb;
	box-shadow: 0 0 5px 5px #ebebeb;
	border: 1px solid #c1c1c1;
	float: left;
	width: 260px;
	font-weight: bold;
}
.number_step{
    float: left;
    font-size: 30px;
    margin-right: 10px;
}
.title_step{
	font-size: 14px;
	width: 203px;
	float: left;
}
.sort_title_step{
	margin-top: 15px;
}

/*---------------------Hotline lien he------------------------*/
.hotline{
	margin-top: 30px;
	float: left;
	width: 260px;
}
.row_hotline{
	padding: 5px 0;
	width: 260px;
	float: left;
	font-weight: bold;
	font-size: 14px;
}
.title_hotline{
    color: #0085BD;
    float: left;
    font-size: 12px;
    margin-top: 10px;
}
.icon_phone{
    background: url("images/banks_all_button.png") repeat-x scroll -1px -27px transparent;
    cursor: pointer;
    float: left;
    height: 25px;
    margin-left: 5px;
    margin-right: 10px;
    margin-top: 4px;
    width: 41px;	
}
.icon_yahoo{
    background: url("images/banks_all_button.png") repeat-x scroll -6px -67px transparent;
    cursor: pointer;
    float: left;
    height: 33px;
    margin-left: 10px;
    margin-right: 13px;
    margin-top: 4px;
    width: 33px;
}
.icon_skype{
    background: url("images/banks_all_button.png") repeat-x scroll -8px -112px transparent;
    cursor: pointer;
    float: left;
    height: 30px;
    margin-left: 10px;
    margin-right: 14px;
    margin-top: 4px;
    width: 30px;
}

/* ------------Css thong tin tai khoan---------------------------------------------------------------------------------*/
.sumary_infomation{
	width: 680px;
	float: left;
	border: 1px #cdcdcd solid;
}
.title_sumary_infomation{
	background: url("images/bg_title.png") repeat-x scroll 0 0 transparent;
	border: 1px solid #E9F8FF;
	font-size: 18px;
	font-weight: bold;
	height: 34px;
	padding: 13px 0 0 18px;
	vertical-align: top;
	border-bottom: 1px #cdcdcd solid;
	width: 660px;
}
.row_sumary_infomation{
	width: 660px;
	padding: 7px 10px;
	color: #666;
	border-bottom: 1px #cdcdcd dotted;
	float: left;
}
.row_sumary_infomation:last-child{
	border-bottom: none;
}
.row_sumary_infomation label{
    float: left;
    font-weight: bold;
    margin-left: 40px;
    margin-top: 3px;
    width: 150px;
}
.detail_money{
    float: left;
    font-weight: bold;
    margin-left: 200px;
    margin-top: 3px;
    text-align: right;
    width: 120px;
}
.row_sumary_infomation button.copy{
    background: -moz-linear-gradient(center top , #FFFFFF 5%, #F2F2F2 100%) repeat scroll 0 0 #FFFFFF;
    border: 1px solid #CBCBCB;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3), 0 0 1px rgba(255, 255, 255, 0.6) inset;
    color: #666666;
    cursor: pointer;
    display: inline-block;
    float: left;
    font-family: arial;
    font-size: 10px;
    font-weight: bold;
    margin-left: 40px;
    padding: 2px 4px;
    text-decoration: none;
}
.icon_copied{    
    background: url("images/banks_all_button.png") repeat-x scroll -53px -1px transparent;
    cursor: pointer;
    float: left;
    height: 24px;
    margin-left: 10px;
    margin-top: -2px;
    width: 24px;	
}
.note_register{
    background-color: #EBF9FF;
    border: 2px solid #0085BD;
    color: #0085BD;
    float: left;
    font-weight: bold;
    height: 15px;
    margin-top: 20px;
    padding: 15px 0;
    width: 680px;
}
.icon_i{
    background: url("images/banks_all_button.png") repeat-x scroll -26px -2px transparent;
    cursor: pointer;
    float: left;
    height: 24px;
    margin-left: 10px;
    margin-right: 5px;
    margin-top: -3px;
    width: 25px;
}
.note_register a{
	color: #76b143;
	text-decoration: underline;
	font-weight: bold;
}


/*---------------------- Step 1 ---------------------------------------------------------------------------------*/
.title_detail_step{
	width: 680px;
	float: left;
	padding: 10px 0; 
	font-size: 14px;
	font-weight: bold;
	margin-top: 40px;
	color: #000;
}
.guiding_bank{
	color: #666;
	float: left;
	width: 650px;
	margin-left: 30px;
	line-height: 20px;
}
.guiding_bank ul li{
	padding: 10px 0;
}
.guiding_bank a{
	color: #0085bd;
}
.guiding_bank ul li img{
	margin-top: 20px;
	margin-left: 165px;
}
.line_end{
	background: url("images/line_end.png") repeat-x scroll -26px -2px transparent;
	width: 680px;
	height: 7px;
	margin-top: 20px;
	float: left;
}